<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}Wooyoo{% endblock %}</title>
    <link rel="shortcut icon" href="{{ asset('favicon.ico') }}"/>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="description" content="Description" />
    <meta name="keywords" content="Keywords" />
    
    {% block stylesheets %}{% endblock %}
    
    <!--[if IE 6]><link rel="stylesheet" href="{{ asset('bundles/annoubasbase/css/style.ie6.css') }}" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="{{ asset('bundles/annoubasbase/css/style.ie7.css') }}" type="text/css" media="screen" /><![endif]-->
	
    {% block javascripts %}{% endblock %}
    <script type="text/javascript">
        $(function(){
            $('a[rel*=leanModal]').leanModal({ top : 200, closeButton: ".modal_close" });
            // BUTTONS
            $('.fg-button').hover(
                function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
                function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
            );

            // MENUS    	
            $('#flat').menu({ 
                content: $('#flat').next().html(), // grab content from this page
                showSpeed: 400 
            });
            
            $('#flat2').menu({ 
                content: $('#flat2').next().html(), // grab content from this page
                showSpeed: 400 
            });
            
            $('#hierarchybreadcrumb').menu({
                content: $('#hierarchybreadcrumb').next().html(),
                backLink: false
            });
        });
    </script>
</head>
<body onload="showOrgs();">
    <div id="detail">
        <a class="modal_close" onclick="return false;" href="#" style="color:#cd0a0a;text-decoration: none; font-weight: bold;">X</a>
        <div class="loading3" id="loading3"></div>
        <p id="test_content"></p>
    </div>
	<div id="art-page-background-glare">
		<div id="art-page-background-glare-image"></div>
	</div>
	{% block content_header %}
    <div class="art-nav">
        <div class="art-nav-l"></div>
        <div class="art-nav-r"></div>
        <div class="art-nav-outer">
        <div class="art-nav-wrapper">
        <div class="art-nav-inner">
            {% block content_header_more %}
                
            <a href="">
                <img src="{{ asset('bundles/annoubasbase/images/logo.png') }}" alt="" style="float: left; margin-top: 2px;"/>
            </a>

            <input name="status" id="search_i" value="Entrer un mot clé" type="text" onkeyup="makeSearch_()"/>

            {% endblock %}
        </div>
        </div>
        </div>
    </div>
	{% endblock %}
        
	<div id="art-main">
		<div class="cleared reset-box"></div>
		<div class="cleared reset-box"></div>
		<div class="art-sheet">
			<div class="art-sheet-tl"></div>
			<div class="art-sheet-tr"></div>
			<div class="art-sheet-bl"></div>
			<div class="art-sheet-br"></div>
			<div class="art-sheet-tc"></div>
			<div class="art-sheet-bc"></div>
			<div class="art-sheet-cl"></div>
			<div class="art-sheet-cr"></div>
			<div class="art-sheet-cc"></div>
			<div class="art-sheet-body">
				<div class="art-content-layout">
					<div class="art-content-layout-row">
						<div class="art-layout-cell art-sidebar1">
                            {% block top_search %}
                            <div id="data_result0">        
                                {% include 'AnnoubasBaseBundle:Default:topsearch.html.twig' with {'t_orgs' : t_orgs}  %}
                            </div>
                            {% endblock %}
                            <div class="cleared"></div>
						</div>
						{% block content %}
						<div class="art-layout-cell art-content">
							<div class="art-post">
								<div class="art-post-tl"></div>
								<div class="art-post-tr"></div>
								<div class="art-post-bl"></div>
								<div class="art-post-br"></div>
								<div class="art-post-tc"></div>
								<div class="art-post-bc"></div>
								<div class="art-post-cl"></div>
								<div class="art-post-cr"></div>
								<div class="art-post-cc"></div>
								<div class="art-post-body">
								<div class="art-post-inner art-article">
									{% block content_title %}
										I am Bass Wizard.
									{% endblock %}
                                    <div style="width: 500; margin-left: 160px; margin-left: 40px;">
                                        <select style="width:200px; margin-top: 5px; height: 25px;" id="city">
                                            {% for city in cities %}
                                                <option value="{{ city.idc }}">{{ city.name }}</option>
                                            {% endfor %}
                                        </select>
                                        <select style="width:200px; margin-top: 5px; height: 25px;" id="subrub">
                                            {% for subrub in subrubs %}
                                                <option value="{{subrub.idsr}}">{{ subrub.name }}</option>
                                            {% endfor %}
                                        </select>
                                        <input type="button" value="Go" onclick="showOrgs()" style="height: 26px; width: 40px;margin-top: 4px;"/>
                                    </div>
                                        <div class="line"></div>
                                    <div style="width: 30px; height: 560px;background-color: #cd0a0a;float: left; text-align: center;border-radius: 4px/4px;">
                                        {% for letter in letters %}
                                            <a href="#" class="lien_b" onclick="showOrgsByLetter('{{ letter }}')" title="Lettre {{ letter }}">{{ letter }}</a><br/>
                                        {% endfor %}
                                    </div>
                                    
									<div class="loading" id="loading0"></div>
                                    {% block content_ent %}
                                    <div id="data_result" style="margin-left: 40px;"></div>
                                    {% endblock %}
									<div class="cleared"></div>
								</div>
								<div class="cleared"></div>
								</div>
							</div>
						  <div class="cleared"></div>
						</div>
						{% endblock %}
					</div>
				</div>
				<div class="cleared"></div>
				<div class="cleared"></div>
			</div>
		</div>
		{% block content_footer %}
		<div class="art-footer">
			<div class="art-footer-t"></div>
			<div class="art-footer-body">
				<div class="art-footer-center">
					<div class="art-footer-wrapper">
						{% block content_footer_more %}
						<div class="art-footer-text">
							<span class="footer_">Sofia &copy; 2012</span>
						</div>
						{% endblock %}
					</div>
				</div>
				<div class="cleared"></div>
			</div>
		</div>
		{% endblock %}
		<div class="cleared"></div>
	</div>
</body>
</html>
